// 不得不提的是，Less 的变量运算完全超出我的期望，十分强大。

// 加减法时 以第一个数据的单位为基准

// 乘除法时 注意单位一定要统一

/* Less */
@width: 300px;
@color: #222;

#wrap {
  width: @width - 20;
  height: @width - 20 * 5;
  margin: (@width - 20) * 5;
  color: @color * 2;
  background-color: @color + #111;
}

.box1 {
  width: 20px + 30;
  height: 20px * 3;
  // 20px
  margin: 20px / 2vw; // 当单位不同时以第一个单位为基准，后面的单位省略进行计算
  // 100rem
  padding: 20rem * 5vh;
}
